<template>
  <div>
      <div class="top">
          <div class="left">
              <img src="@/assets/indeximg/1.png" alt="">
          </div>
          <div class="right">
              
                  <img src="@/assets/indeximg/搜索.png" alt="">
                  <span>搜一搜</span>
              
          </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .top{
        width: 100%;
        height: 0.62rem;
        background: #845d32;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .top .left{
        width:0.5rem ;
        height: 0.5rem;
    }
    .top .left img{
        display: inline-block;
       width: 60%;
       height: 60%;
        transform: translateY(-0.53rem);
    }
    .top .right{
        width: 3rem;
        height: 0.36rem;
        border-radius: 0.5rem;
        background-color: #fff;
        transform: translateX(-0.1rem);
        display: flex;
        align-items: center;

    }
    .top .right img{
        width: 0.16rem;
        height: 0.16rem;
        transform: translateX(0.15rem);
    }
    .top .right span{
        font-size: 0.14rem;
        line-height: 0.62rem;
        text-indent: 0.25rem;
        color: #000;
    }
</style>